<template>
    <span :class="value">{{value === 'wait'?'待办':'已办'}}</span>
</template>

<script>
    export default {
        props:{
            value:{
                type:String,
                require:true
            }
        }
    }
</script>

<style scoped>
    span.wait{
        color:tomato;
    }
    span.done{
        color: springgreen;
        font-weight: 700;
    }
</style>